@media (max-width: 1460px){
	.EspacoQuadroRecomendado{
		align-items: center;
		margin-left: 4%;
	}
	.ImgRecomendadoMaior{
		width: 100%;
		margin-top: 15px;
	}
}

@media (max-width: 1350px){
	#espacoCupom{
		display: block;
		justify-content: center;
	}
	#containerImagemCupom,
	#containerTextoCupom{
		width: 100%;
		margin: auto;
	}
	#containerTextoCupom{
		margin-top: 20px;
	}
}


@media (max-width: 1270px) {
	.QuadroComum, .QuadroPreto{
		width: 23%;
		/* margin-bottom: 20px; */
	}
	.TituloPlanoPreto{
		font-size: 32px;
	}
	.TextoDescricaoPlanoCinza{
		font-size: 14px;
	}
	.PrecoPreto{
		font-size: 40px;
	}
} 


@media (max-width: 1200px){
	.FrasePrincipal h1{
		font-size: 48px;
	}
	.FraseSecundaria h2{
		font-size: 20px;
	}

	.TabelaRecursos th, 
	.TabelaRecursos td {
		font-size: 16px;
	}
	.TextoPlanoTabela{
		font-size: 16px;
	}
	.MiniQuadroNovoTabela{
		width: 40px;
		height: 14px;
		padding: 4px;
		font-size: 12px;
		margin: 0px;
	}
	.TextoValorPlanoTabela{
		font-size: 13px;
	}

	.TabelaAcesso  th{ /*sticky*/
		top: 60px;
	}

	.TabelaAcesso th{
		font-size: 15px;
	}

	.LinhasMaioresTabela td{
		font-size: 13px;
	}

	/* .EspacoEmblemaPlanoBotoesCalculadora{
		display: block;
		align-items: center;
		text-align: center;
	} */
}

@media (max-width: 1100px){
	#ContainerBannersPromocao{
		display: flex;
	}
	.bannerDesconto{
		max-width: 300px;
		margin-right: 20px;
	}
	.containerTextoBannerPromocao{
		width: 100%;
		padding-bottom: 120px; /*tamanho da imagem do desconto + alguns pixels*/
	}
	.containerImagemDescontoBannerPromocao{
		height: 120px;
		right: 15px;
		bottom: 15px;
		max-width: none;
	}
	.iconMeioBannerDesconto{
		left: 20px;
		bottom: 20px;
		height: 60px;
		max-height: none;
	}
	.iconDireitaBannerDesconto{
		top: auto;
		bottom: 100px;
		max-height: none;
		height: 40px;
	}
	.QuadroComum, .QuadroPreto{
		width: 47%;
		/* height: 540px; */
		/* margin-bottom: 20px; */
	}
	.TituloPlanoPreto{
		font-size: 38px;
	}
	.TextoDescricaoPlanoCinza{
		font-size: 15px;
	}
	.PrecoPreto{
		font-size: 45px;
	}

	.ContainerItensCalculadora{
		margin: 0px 15px 0px 15px;
	}
	.TextoTituloDefaultCalculadora{
		font-size: 20px;
	}

}


@media (max-width: 840px){
	.FrasePrincipal h1 {
		font-size: 30px;
	}
	.FraseSecundaria h2 {
		font-size: 18px;
	}

	#tituloTextoCupom,
	#descricaoTextoCupom{
		font-size: 20px;
	}
	#alertaTextoCupom,
	#alertaTermosTextoCupom{
		font-size: 16px;
	}

	.EspacoTextoValorPlanoTabela{
		display: block;
	}
	.MargemAuxiliarTextoValorPlanoTabela{
		margin-left: 0px;
	}
	.TabelaAcesso  th{/*sticky*/
		top: 75px;
	}

	.BotoesPlanoCalculadora{
		width: 48%;
		height: 100px;
		margin-bottom: 15px;
		padding: 10px 10px 10px 10px;
	}

	.ImgRecomendado{
		margin-top: 0px;
	}
}


@media (max-width: 750px){
	#ContainerBannersPromocao{
		display: block;
	}
	.bannerDesconto{
		margin: auto;
		margin-top: 20px;
	}
}

@media (max-width: 740px){
	.DiminuirTextoPlanoTabela{
		font-size: 13px;
	}
}
@media (max-width: 665px){
	.TabelaRecursos th, .TabelaRecursos td {
		font-size: 15px;
	}
	.DiminuirTextoPlanoTabela{
		font-size: 11px;
	}
	.LinhasMaioresTabela td{
		padding: 10px;
	}
}


@media (max-width: 610px){ /*Quadros Mobile*/
	.Container{
		padding-left: 5%;
		padding-right: 5%
	}

	#textoTituloImagemCupom{
		font-size: 35px;
	}
	#descontoImagemCupom{
		font-size: 70px;
	}
	#descontoImagemCupomTextoFixo{
		font-size: 45px;
	}
	#fraseCodigoImagemCupom{
		font-size: 15px;
	}
	#codigoImagemCupom{
		/* font-size: 35px; */
	}


	.QuadroComum.selected .TextoPlano {
		height: 30px;
		border: 3px solid aliceblue;
		color: whitesmoke;
	}
	
	.QuadroComum{
		width: 100%;
	}
	/* .MiniQuadroNovo, .MiniQuadroPlano{
		width: 80px;
		height: 35px;
	} */
	.TextoNovo{
		font-size: 26px;
	}
	.TextoPlano{
		/* width: 70px; */
		height: 30px;
		font-size: 26px;
	}
	.TextoPlanoMaior{
		font-size: 26px;
	}

	.TituloPlanoPreto{
		font-size: 36px;
	}

	.TextoDescricaoPlanoCinza{
		font-size: 16px;
	}

	.TextoValorPlanoTabela{
		font-size: 10px;
	}

	.TabelaRecursos th, .TabelaRecursos td{
		padding: 0px;
	}
	.TabelaRecursos th{
		font-size: 14px;
	}

	.QuadroRecursos{
		flex-direction: column;
		align-items: center;
		text-align: center;
	}

	.ImgEmblemaTabela16p,
	.ImgEmblemaTabela25p{
		margin: 0 auto;
	}
	.ImgEmblemaTabela25p{
		width: 35px;
	}
	
	.TextoPlanoTabela{
		font-size: 12px;
	}

	.DiminuirTextoPlanoTabela{
		font-size: 10px;
	}

	.MiniQuadroNovoTabela{
		text-align: center;
		width: 32px;
		height: 12px;
		padding: 2px;
	}

	.TabelaAcesso  th{/*sticky*/
		top: 66px;
	}

	.TabelaAcesso th{
		font-size: 12px;
	}

	.LinhasMaioresTabela td{
		padding: 0px;
		padding-top: 4px;
		padding-bottom: 4px;
		font-size: 10px;
	}

	.LinhasMaioresTabela .LetraMenorLinhasMaioresTabela{
		font-size: 6.5px;
	}

	.EspacoNumeroUsuarios{
		width: 100%;
	}
	.BotaoNumeroUsuariosCalculadora{
		width: 60px;
		height: 60px;
	}
	.QuadroNumerosUsuarios{
		height: 60px;
	}

	.tituloTermosCupom{
		font-size: 14px;
	}
	.textoTermosCupom{
		font-size: 14px;	
	}
}

@media (max-width: 500px){
	#textoTituloImagemCupom{
		font-size: 25px;
	}
	#descontoImagemCupom{
		font-size: 50px;
	}
	#descontoImagemCupomTextoFixo{
		font-size: 35px;
	}
	#fraseCodigoImagemCupom{
		font-size: 10px;
	}
	#codigoImagemCupom{
		/* font-size: 25px; */
	}

	#tituloTextoCupom,
	#descricaoTextoCupom{
		font-size: 18px;
	}
	#alertaTextoCupom,
	#alertaTermosTextoCupom{
		font-size: 14px;
	}
}

@media (max-width: 340px){
	.BotoesPlanoCalculadora{
		width: 90%;
	}
}

@media (max-width: 320px){
	.LinhasMaioresTabela td{
		font-size: 9px;
	}
}